<template>
    <div class="p20">
        <el-tabs v-model="activeName" class="demo-tabs">
            <el-tab-pane label="属性" name="props"><PropsView /></el-tab-pane>

            <el-tab-pane label="动画" name="animations"><AnimationView /></el-tab-pane>

            <el-tab-pane label="事件" name="events"><EventsView /></el-tab-pane>
        </el-tabs>


    </div>
</template>

<script setup>
import PropsView from './PropsView.vue';
import AnimationView from './AnimationView.vue';
import EventsView from './EventsView.vue';
import { ref } from 'vue'

const activeName = ref('props')

</script>

<style scoped>
.p20 {
    padding: 20px;
}

.demo-color-block {
    margin-bottom: 20px !important;
}
</style>